<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
	    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	    <title>水蓝色</title>
	    <script src="../js/mui.min.js"></script>
	    <link href="../css/mui.min.css" rel="stylesheet"/>
	    <link href="../css/mui_common.css" rel="stylesheet"/>
	    <link href="../css/index/water.css" rel="stylesheet"/>
		<script type="text/javascript" charset="utf-8">
	      	mui.init();
	    </script>
	    
	</head>
	<body id="water">
		<header class="mui-bar mui-bar-nav fl">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		    <h1 class="mui-title">水蓝色</h1>
		    <div class="right">
		    	<div class="set">...</div>
		    	<div class="shop mui-icon" id="gwc">&#xe6b9;</div>
		    </div>
		</header>
		<div class="mui-content">
		 	<div class="top">
		 		<div class="top_left">
		 			<img src="../img/index/store/store.png" alt="">
		 			<div class="word">水蓝色<p>关注人数：<span>966</span></p></div>
		 		</div>
		 		<div class="top_right">
		 			+加关注
		 		</div>
		 	</div>
			<div class="cover">
				<div class="cu">
					<h2>遮粗腿</h2>
					<h3>修饰形体</h3>
				</div>
				<div class="img">
					<img src="../img/index/store/banner.png" alt="">
				</div>
				<div class="poem">
					<p>水蓝色是天空的象征，</p>
					<p>代表沉稳和女性象征。</p>
					<p>在视觉上给人清新、舒服、柔美的感觉。</p>
				</div>
			</div>
			<div class="teach">
				<h2>穿搭教程</h2>
				<div class="teach_con">
					<div class="teach_conL">
						<img src="../img/index/store/teach.png" alt="">
						<p>流行元素|水蓝色长袖T恤</p>
					</div>
					<div class="teach_conR">
						<img src="../img/index/store/eyes.jpg" />
						<span>5396</span>
					</div>
				</div>
			</div>
			<div class="single">
				<h2>必备单品</h2>
				<div class="mui-slider">
			        <div class="mui-slider-group mui-slider-loop">
			        	<!-- 额外增加的一个节点(循环轮播：第一个节点是最后一个图文表格) -->
			            <div class="mui-slider-item mui-slider-item-duplicate">
			                <ul class="single_con">
								<li class="single_con_moudle">
									<img src="../img/index/store/single1.png">
									<p>衬衫</p>
								</li>
								<li class="single_con_moudle">
									<img src="../img/index/store/single2.png">
									<p>衬衫</p>
								</li>
								<li class="single_con_moudle">
									<img src="../img/index/store/single3.png">
									<p>衬衫</p>
								</li>
								<li class="single_con_moudle">
									<img src="../img/index/store/single.png">
									<p>衬衫</p>
								</li>
							</ul>
			            </div>
			            <div class="mui-slider-item">
			                <ul class="single_con">
								<li class="single_con_moudle">
									<img src="../img/index/store/single1.png">
									<p>衬衫</p>
								</li>
								<li class="single_con_moudle">
									<img src="../img/index/store/single2.png">
									<p>衬衫</p>
								</li>
								<li class="single_con_moudle">
									<img src="../img/index/store/single3.png">
									<p>衬衫</p>
								</li>
								<li class="single_con_moudle">
									<img src="../img/index/store/single.png">
									<p>衬衫</p>
								</li>
							</ul>
			            </div>
			            
			            <!-- 额外增加的一个节点(循环轮播：最后一个节点是第一个图文表格) -->
			            <div class="mui-slider-item mui-slider-item-duplicate">
			                <ul class="single_con">
								<li class="single_con_moudle">
									<img src="../img/index/store/single1.png">
									<p>衬衫</p>
								</li>
								<li class="single_con_moudle">
									<img src="../img/index/store/single2.png">
									<p>衬衫</p>
								</li>
								<li class="single_con_moudle">
									<img src="../img/index/store/single3.png">
									<p>衬衫</p>
								</li>
								<li class="single_con_moudle">
									<img src="../img/index/store/single.png">
									<p>衬衫</p>
								</li>
							</ul>
			            </div>
			        </div>
			    </div>
			</div>
			<div class="inspiration">
				<h2>穿搭灵感</h2>
				<ul class="inspiration_con">
					<li class="inspiration_con_moudle">
						<div class="img">
							<img src="../img/index/store/inspiration1.png" alt="">
							<div class="shadow">&#xe649;<span>48</span></div>
						</div>
						<p>T恤搭配牛仔裤 舒适简约</p>
					</li>
					<li class="inspiration_con_moudle">
						<div class="img">
							<img src="../img/index/store/inspiration2.png" alt="">
							<div class="shadow">&#xe649;<span>48</span></div>
						</div>
						<p>T恤搭配牛仔裤 舒适简约</p>
					</li>
					<li class="inspiration_con_moudle">
						<div class="img">
							<img src="../img/index/store/inspiration3.png" alt="">
							<div class="shadow">&#xe649;<span>48</span></div>
						</div>
						<p>T恤搭配牛仔裤 舒适简约</p>
					</li>
					<li class="inspiration_con_moudle">
						<div class="img">
							<img src="../img/index/store/inspiration4.png" alt="">
							<div class="shadow">&#xe649;<span>48</span></div>
						</div>
						<p>T恤搭配牛仔裤 舒适简约</p>
					</li>
				</ul>
			</div>
		</div>
		
		<script>
			
			document.getElementById("gwc").addEventListener("tap",function(){
				var main=mui.openWindow({
					url:"../index.html",
					id:"index"
					
				});
				mui.fire(main,'goGwc');
			});
	 /*document.getElementById("gwc").addEventListener("tap",function(){
        mui.openWindow({
            url:"../list_shoppingCart.html",
            id:"gouwuche",
            createNew:true,
            show:{
                autoShow:true,
                aniShow:"slide-in-right",
                duration:200
            },
            waiting:{
                autoShow:true,
                title:"正在加载..."
            }
        });
    });*/

</script>
	</body>
</html>
